<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="/css/hotelSearch_item.css" />
	</head>

	<body>
		<!--头部-->
		<div class="header">
			
		</div>
		<!--头部结束-->

		<!--搜索部分-->
		<div class="search">
			<div class="h_title">
				酒店
			</div>
			<div class="searchInfo">
				<div class="add-travel">
					<input type="text" name="" id="" value="" placeholder="出行目的地" autocomplete="on" />
				</div>
				<div class="start-time">
					<input type="text" name="" id="" value="" placeholder="入住日期" readonly/>
					<i></i>
				</div>
				<div class="leave-time">
					<input type="text" name="" id="" value="" placeholder="离店日期" readonly/>
					<i></i>
				</div>
				<div class="item-people">
					<span class="num">人数未定</span>
					<i class="icon-person"></i>
					<div class="people-info">
						<div class="top">
							<div class="row-guests clearfix">
								<span class="label">每间</span>
								<div class="select clearfix">
									<div class="select-triger clearfix">
										<span>2 成人</span>
										<div class="caret">
											<i></i>
										</div>
									</div>
									<ul>
										<li>0</li>
										<li>1</li>
										<li>2</li>
										<li>3</li>
										<li>4</li>
										<li>5</li>
										<li>6</li>
										<li>7</li>
									</ul>
								</div>

								<div class="select clearfix">
									<div class="select-triger clearfix">
										<span>2 儿童</span>
										<div class="caret">
											<i></i>
										</div>
									</div>
									<ul>
										<li>0</li>
										<li>1</li>
										<li>2</li>
										<li>3</li>
										<li>4</li>
									</ul>
								</div>
							</div>
						</div>
						<div class="bottom clearfix">
							<button type="button" class="sure">确认</button>
						</div>
					</div>
				</div>

				<div class="btn-search">
					<i></i>
				</div>
			</div>
			<div class="h-notice clearfix">
				<ul class="clearfix">
					<li>
						<i class="notice01"></i>
						<div class="filt1">
							<h2>住宿攻略</h2>
							<p>区域攻略到特色主题，应有尽有</p>
						</div>
					</li>
					<li>
						<i class="notice02"></i>
						<div class="filt1">
							<h2>住宿攻略</h2>
							<p>区域攻略到特色主题，应有尽有</p>
						</div>
					</li>
					<li>
						<i class="notice03"></i>
						<div class="filt1">
							<h2>住宿攻略</h2>
							<p>区域攻略到特色主题，应有尽有</p>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<!--搜索部分结束-->

		<div class="hotel_main">
			<!--主题酒店-->
			<div class="h_theme">
				<div class="h_title">
					主题酒店
				</div>
				<div class="h_info">
					<div class="tab_title clearfix">
						<a href="#" class="active">潜水胜地</a>
						<a href="#">超值酒店</a>
						<a href="#">亲子之选</a>
						<a href="#">迪士尼乐园</a>
						<a href="#">浪漫花海</a>
						<a href="#">设计酒店</a>
					</div>
					<div class="tab_concent">
						<ul data-id="1" class="clearfix">
							<li>
								<a href="#">
									<div class="pic">
										<img src="http://b4-q.mafengwo.net/s10/M00/2B/69/wKgBZ1mNaUGATfaKAAY-tv5C_cs48.jpeg?imageMogr2%2Fthumbnail%2F%21636x480r%2Fgravity%2FCenter%2Fcrop%2F%21636x480%2Fquality%2F90" />
									</div>
									<div class="info">
										<h2>仙本那</h2>
										<p class="city">马来西亚</p>
									</div>
								</a>
							</li>
							<li>
								<a href="#">
									<div class="pic">
										<img src="http://b4-q.mafengwo.net/s10/M00/2B/69/wKgBZ1mNaUGATfaKAAY-tv5C_cs48.jpeg?imageMogr2%2Fthumbnail%2F%21636x480r%2Fgravity%2FCenter%2Fcrop%2F%21636x480%2Fquality%2F90" />
									</div>
									<div class="info">
										<h2>仙本那</h2>
										<p class="city">马来西亚</p>
									</div>
								</a>
							</li>
							<li>
								<a href="#">
									<div class="pic">
										<img src="http://b4-q.mafengwo.net/s10/M00/2B/69/wKgBZ1mNaUGATfaKAAY-tv5C_cs48.jpeg?imageMogr2%2Fthumbnail%2F%21636x480r%2Fgravity%2FCenter%2Fcrop%2F%21636x480%2Fquality%2F90" />
									</div>
									<div class="info">
										<h2>仙本那</h2>
										<p class="city">马来西亚</p>
									</div>
								</a>
							</li>
							<li>
								<a href="#">
									<div class="pic">
										<img src="http://b4-q.mafengwo.net/s10/M00/2B/69/wKgBZ1mNaUGATfaKAAY-tv5C_cs48.jpeg?imageMogr2%2Fthumbnail%2F%21636x480r%2Fgravity%2FCenter%2Fcrop%2F%21636x480%2Fquality%2F90" />
									</div>
									<div class="info">
										<h2>仙本那</h2>
										<p class="city">马来西亚</p>
									</div>
								</a>
							</li>
							<li>
								<a href="#">
									<div class="pic">
										<img src="http://b4-q.mafengwo.net/s10/M00/2B/69/wKgBZ1mNaUGATfaKAAY-tv5C_cs48.jpeg?imageMogr2%2Fthumbnail%2F%21636x480r%2Fgravity%2FCenter%2Fcrop%2F%21636x480%2Fquality%2F90" />
									</div>
									<div class="info">
										<h2>仙本那</h2>
										<p class="city">马来西亚</p>
									</div>
								</a>
							</li>
							<li>
								<a href="#">
									<div class="pic">
										<img src="http://b4-q.mafengwo.net/s10/M00/2B/69/wKgBZ1mNaUGATfaKAAY-tv5C_cs48.jpeg?imageMogr2%2Fthumbnail%2F%21636x480r%2Fgravity%2FCenter%2Fcrop%2F%21636x480%2Fquality%2F90" />
									</div>
									<div class="info">
										<h2>仙本那</h2>
										<p class="city">马来西亚</p>
									</div>
								</a>
							</li>

						</ul>
						<!--<ul data-id="2">
							<li></li>
						</ul>
						<ul data-id='3'>
							<li></li>
						</ul>
						<ul data-id='4'>
							<li></li>
						</ul>
						<ul data-id='5'>
							<li></li>
						</ul>-->
					</div>
				</div>
			</div>
			<!--主题酒店结束-->

			<!--特价酒店-->
			<div class="h_fav">
				<div class="h_title">
					特价酒店
				</div>
				<div class="h_info">
					<div class="tab_title clearfix">
						<a href="#" class="active">曼谷</a>
						<a href="#">台北</a>
						<a href="#">东京</a>
						<a href="#">香港</a>
						<a href="#">首尔</a>
						<a href="#">新加坡</a>
					</div>
					<div class="tab_concent">
						<ul data-id="1" class="clearfix">
							<li>
								<a href="#">
									<div class="pic">
										<img src="http://b3-q.mafengwo.net/s10/M00/4E/E7/wKgBZ1mMe8aAcQnpAAEi2-pPGaE05.jpeg?imageMogr2%2Fthumbnail%2F%21480x480r%2Fgravity%2FCenter%2Fcrop%2F%21480x480%2Fquality%2F90" />
									</div>
									<div class="fraction">
										8.4分
									</div>
									<div class="info">
										<p>曼谷维3酒店（原曼谷胜利纪念碑全季酒店）</p>
										<p class="eng">Vic3 Bangkok</p>
									</div>
								</a>
							</li>
							<li>
								<a href="#">
									<div class="pic">
										<img src="http://b3-q.mafengwo.net/s10/M00/4E/E7/wKgBZ1mMe8aAcQnpAAEi2-pPGaE05.jpeg?imageMogr2%2Fthumbnail%2F%21480x480r%2Fgravity%2FCenter%2Fcrop%2F%21480x480%2Fquality%2F90" />
									</div>
									<div class="fraction">
										8.4分
									</div>
									<div class="info">
										<p>曼谷维3酒店（原曼谷胜利纪念碑全季酒店）</p>
										<p class="eng">Vic3 Bangkok</p>
									</div>
								</a>
							</li>
							<li>
								<a href="#">
									<div class="pic">
										<img src="http://b3-q.mafengwo.net/s10/M00/4E/E7/wKgBZ1mMe8aAcQnpAAEi2-pPGaE05.jpeg?imageMogr2%2Fthumbnail%2F%21480x480r%2Fgravity%2FCenter%2Fcrop%2F%21480x480%2Fquality%2F90" />
									</div>
									<div class="fraction">
										8.4分
									</div>
									<div class="info">
										<p>曼谷维3酒店（原曼谷胜利纪念碑全季酒店）</p>
										<p class="eng">Vic3 Bangkok</p>
									</div>
								</a>
							</li>
							<li>
								<a href="#">
									<div class="pic">
										<img src="http://b3-q.mafengwo.net/s10/M00/4E/E7/wKgBZ1mMe8aAcQnpAAEi2-pPGaE05.jpeg?imageMogr2%2Fthumbnail%2F%21480x480r%2Fgravity%2FCenter%2Fcrop%2F%21480x480%2Fquality%2F90" />
									</div>
									<div class="fraction">
										8.4分
									</div>
									<div class="info">
										<p>曼谷维3酒店（原曼谷胜利纪念碑全季酒店）</p>
										<p class="eng">Vic3 Bangkok</p>
									</div>
								</a>
							</li>
							<li>
								<a href="#">
									<div class="pic">
										<img src="http://b3-q.mafengwo.net/s10/M00/4E/E7/wKgBZ1mMe8aAcQnpAAEi2-pPGaE05.jpeg?imageMogr2%2Fthumbnail%2F%21480x480r%2Fgravity%2FCenter%2Fcrop%2F%21480x480%2Fquality%2F90" />
									</div>
									<div class="fraction">
										8.4分
									</div>
									<div class="info">
										<p>曼谷维3酒店（原曼谷胜利纪念碑全季酒店）</p>
										<p class="eng">Vic3 Bangkok</p>
									</div>
								</a>
							</li>
							<li>
								<a href="#">
									<div class="pic">
										<img src="http://b3-q.mafengwo.net/s10/M00/4E/E7/wKgBZ1mMe8aAcQnpAAEi2-pPGaE05.jpeg?imageMogr2%2Fthumbnail%2F%21480x480r%2Fgravity%2FCenter%2Fcrop%2F%21480x480%2Fquality%2F90" />
									</div>
									<div class="fraction">
										8.4分
									</div>
									<div class="info">
										<p>曼谷维3酒店（原曼谷胜利纪念碑全季酒店）</p>
										<p class="eng">Vic3 Bangkok</p>
									</div>
								</a>
							</li>

						</ul>
						<ul data-id="2">
							<li></li>
						</ul>
						<ul data-id='3'>
							<li></li>
						</ul>
						<ul data-id='4'>
							<li></li>
						</ul>
						<ul data-id='5'>
							<li></li>
						</ul>
					</div>
				</div>
			</div>
			<!--特价酒店结束-->
		</div>

		<!--日历组件-->
		<div id="cal" class="clearfix">
			<div class="calendar cal1">
				<h4>2013年10月</h4>
				<a href="##" rel="external nofollow" rel="external nofollow" class="a1">上月</a>
				<!--<a href="##" rel="external nofollow" rel="external nofollow" class="a2">下月</a>-->
				<ul class="week">
					<li>日</li>
					<li>一</li>
					<li>二</li>
					<li>三</li>
					<li>四</li>
					<li>五</li>
					<li>六</li>
				</ul>
				<ul class="dateList"></ul>
			</div>
			<div class="calendar cal2">
				<h4>2013年10月</h4>
				<!--<a href="##" rel="external nofollow" rel="external nofollow" class="a1">上月</a>-->
				<a href="##" rel="external nofollow" rel="external nofollow" class="a2">下月</a>
				<ul class="week">
					<li>日</li>
					<li>一</li>
					<li>二</li>
					<li>三</li>
					<li>四</li>
					<li>五</li>
					<li>六</li>
				</ul>
				<ul class="dateList"></ul>
			</div>
		</div>
		<!--日历组件结束-->

		<script src="/js/jquery.js"></script>
		<script src="/js/hotel.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>